<script setup lang="ts">
  import Input from './childComponents/Input.vue';
  import Radio from './childComponents/Radio.vue';
  import Checkbox from './childComponents/Checkbox.vue';
  import Rate from './childComponents/Rate.vue';
  import Select from './childComponents/Select.vue';
  import Switch from './childComponents/Switch.vue';

  import { shallowReactive } from 'vue';

  const currentComponent = shallowReactive({
    input: Input,
    radio: Radio,
    checkbox: Checkbox,
    rate: Rate,
    select: Select,
    switch: Switch,
  });
</script>

<template>
  <div>
    <template v-for="component in currentComponent" :key="component">
      <component :is="component"></component>
    </template>
  </div>
</template>

<style scoped></style>
